@charset "utf-8";
/* CSS Document */
.indexbanner { width:960px; border:1px solid #ddd; border-radius:6px; margin:5px auto 0; background:#fff;}
.indexbanner .searchbox { width:600px; padding:0 20px; background:#FFF; border-radius:6px 0 0 6px; }
.searchbox .title { border-bottom:1px solid #CCC; line-height:36px; margin-top:20px; }
.searchbox .title h1 { font-size:18px; background:url(../images/icon_train.jpg) no-repeat 10px; padding-left:40px; }
.searchbox .title span { float:right; color:#CCC; }
.searchbox .title span a { margin:0 10px; }
.searchbox .infobox { padding-bottom:55px; padding-top:25px;  border-bottom:1px solid #eee;position:relative;}

.searchbox .infobox .huan{ width:20px; height:60px; background:url(../images/huan.jpg) no-repeat left; position:absolute; top:66px; left:291px;}
.searchbox .infobox .huan a{ width:20px; height:20px; display:block; margin-top:20px;}
.searchbox .infobox .huan a:hover{ background:url(../images/huan_cur.jpg) no-repeat left;}

.searchbox .infobox li { float:left; width:48%; font-size:14px; margin-top:25px; }
.searchbox .infobox li label { width:37%; text-align:right; float:left; line-height:34px; color:#666; }
.searchbox .infobox li input { float:right; width:58%; padding-left:2%; height:32px; line-height:34px; font-size:12px; border:1px solid #bbb; background:#fffffc url(../images/cityoice.jpg) no-repeat 95%; border-radius:2px; color:#999; }
.searchbox .infobox li input.date { background:#fffffc url(../images/dateoice.jpg) no-repeat 95%; }
.searchbox .infobox li input.search_btn { width:60%; padding:0; background:#f60; color:#FFF; font-size:18px; text-align:center; border:0; height:35px; line-height:35px; cursor:pointer; }
.searchbox .infobox li input.search_btn:hover { background:#e60; }

.searchbox .rollshow { float:left; width:100%; height:36px; overflow:hidden; margin:10px 0; *padding-bottom:10px; _padding-bottom:0px; }
.searchbox .rollshow li { width:48%; padding-left:2%; float:left; line-height:36px; color:#999; }
.searchbox .rollshow .line { float:left; width:100%; }
.searchbox .rollshow .fontcolor a {}
.indexbanner .keyimg { float:right; width:300px; padding:10px; border-radius:0 6px 6px 0;background-color:#fff; }
.indexbanner .keyimg img { width:300px; height:290px; }

.helpcenter{ width:320px; padding-top:25px; padding-bottom:25px; border-right:1px solid #ddd;}
.helpcenter h3{ font-size:16px; line-height:30px;}
.helpcenter h3 a{ color:#333;}
.helpcenter a{ color:#888; padding-left:30px; line-height:26px;}
.helpcenter a:hover{ color:#f60;}
.convenserver{ width:630px; padding-top:25px; padding-bottom:15px; }
.convenserver h3{ font-size:16px; padding-left:20px; line-height:30px;}
.convenserver ul{ float:left; width:560px; height:100px; margin-top:10px; overflow:hidden;}
.convenserver ul li{ width:140px; text-align:center; float:left;}
.convenserver ul li a{ color:#666; font-size:14px; height:90px; display:block; margin-top:6px; line-height:30px;}
.convenserver .leftarr{ width:30px; float:left; padding-top:35px; cursor:pointer;}
.convenserver .rightarr{ width:30px; float:right; padding-top:35px; cursor:pointer;}

.triannews{ float:left; width:320px; padding-top:25px; padding-bottom:25px; border-right:1px solid #ddd;}
.triannews h3{ font-size:16px; line-height:30px;}
.triannews h3 a{ color:#333;}
.triannews a{ color:#888; padding-left:30px; line-height:26px;height:26px; overflow:hidden; display:block;}
.triannews a:hover{ color:#f60;}

.aircom li a {width: 50%;float: left;}
.aircom li span {width: 15%;float: right;margin-right: 12px;height:32px;line-height:32px;}
.aircom li span img {position:relative;top:3px;}

.hottrian{ float:right; width:600px; margin-right:20px;}
.hottrian .title{ float:left; width:100%; margin-top:20px;height:36px; position:relative; z-index:2;}
.hottrian .title ul{ position:absolute; z-index:2;}
.hottrian .title li{ float:left; padding:0 20px; line-height:30px; height:36px; cursor:pointer;}
.hottrian .title li.cur{ background:url(../images/hottriancur.jpg) no-repeat center bottom;}
.grey_line{ width:100%; height:1px; overflow:hidden; background:#CCC; position:absolute; bottom:4px; z-index:1;}
.hottrian .infobox{ width:600px; float:left; overflow:hidden;}
.hottrian .infobox ul{ width:104%; margin-top:10px;}
.hottrian .infobox ul li{ float:left; width:47%; border-right:1px solid #eee; line-height:32px;margin-right: 17px}
.hottrian .infobox ul li span{ float:left; width:50%;}
.hottrian .infobox ul li span a{ color:#666;}
.hottrian .infobox ul li span a:hover{ color:#f60;}
.hottrian .infobox ul li b{ float:right; width:30%; color:#f90; font-size:16px; font-family:"Microsoft YaHei";}
.hottrian .infobox ul li em{ float:left; color:#999; }

.hottrian .daishoudian{ width:600px; float:left; overflow:hidden;}
.hottrian .daishoudian ul{ margin-top:10px;}
.hottrian .daishoudian ul li{ float:left; width:46%; line-height:32px;height:32px; overflow:hidden;}
.hottrian .daishoudian ul li span a{ color:#666; margin-left:5px;}
.hottrian .daishoudian ul li span a:hover{ color:#f60;}

.hottrian .checi{ width:600px; float:left; overflow:hidden;}
.hottrian .checi ul{ margin-top:10px;}
.hottrian .checi ul li{ float:left; width:16%; padding-left:4%; line-height:32px;}
.hottrian .checi ul li a{ color:#666; margin-left:5px;}
.hottrian .checi ul li a:hover{ color:#f60;}


.special{ float:left; width:320px; padding-top:10px;}
.special h3{ font-size:16px; padding-left:30px; height:40px; border-bottom:1px solid #ddd;}
.special h3 a{ line-height:40px; color:#333;}
.special ul{ float:left; border-right:1px solid #ddd; padding-bottom:25px;}
.special li{height:30px; overflow:hidden; width:90%;}
.special b{ padding:0 3px 0 30px; margin-right:5px; border-right:1px solid #666;}
.special a{ color:#888; line-height:30px;}
.special a:hover{ color:#f60;}
.specialpic{ width:290px; overflow:hidden; padding:15px 0 15px 30px;}

.hotel{ float:right; width:640px; _width:639px; overflow:hidden; padding-top:10px; }
.hotel h3{ font-size:16px; padding-left:30px; line-height:40px; border-bottom:1px solid #ddd;}
.hotel h3 a{ color:#333;}
.hotel .title{ float:left; width:94%; margin-left:3%; _margin-left:1%; margin-top:20px;height:36px; position:relative; z-index:2;}
.hotel .title ul{ position:absolute; z-index:2; padding-left:10px;}
.hotel .title li{ float:left; padding:0 12px; line-height:30px;height:36px; cursor:pointer;}
.hotel .title li.cur{ background:url(../images/hottriancur.jpg) no-repeat center bottom;}
.hotel .noShow{width: 0;overflow:hidden;height: 0}
.hotlelist{ margin-top:20px; float:left;}
.hotlelist ul{ width:640px; float:left;}
.hotlelist li{ line-height:26px; width:180px; float:left; margin-left:25px; _margin-left:17px;}
.hotlelist li.cur{ background:url(../images/hottriancur.jpg) no-repeat center bottom;}
.hotlelist li p{ height:26px; overflow:hidden;}
.hotlelist li b{ font-size:16px; font-family:"Microsoft YaHei"; color:#f90;}
.hotlelist li em{ float:right; background:#fa0; color:#FFF; height:20px; line-height:20px; width:20px; text-align:center;}
.hotlelist dl{ float:left; width:640px;}
.hotlelist dt{ font-weight:700; float:left; width:65px; margin-left:30px; _margin-left:15px;}
.hotlelist dd{ float:left; width:530px; height:72px; overflow:hidden;}
.hotlelist dd a{ display:inline-block; margin-right:20px; color:#666; line-height:24px;}
.hotlelist dd a:hover{ color:#f60;}

.faqtitle h3{ font-size:16px; padding-left:30px; line-height:40px;height:40px; border-bottom:1px solid #ddd; padding-top:10px;}
.faqtitle h3 a{ color:#333;}
.faqtitle h3 span{ font-size:12px; font-weight:400; margin-left:10px;}
.faqs{ float:left; width:320px; border-right:1px solid #ddd; padding-bottom:40px;}
.faqs li{ padding-left:40px;}
.faqs li.top{ height:60px; line-height:60px; font-size:18px;}
.faqs li.top img{ float:left; margin-top:19px; margin-right:10px;}
.faqs li.note{ padding:15px 5px 10px 40px;}
.faqs textarea{ width:230px; height:110px; padding:5px;resize: none;}
.faqs li input.key2{ height:18px;float:left; margin:10px 0;}
.faqs li a{float:left; margin:10px 5px;}
.faqs .faqbtn{ width:92px; height:32px; line-height:32px; background:#45ad00; border:0; color:#FFF; border-radius:2px; font-size:14px; cursor:pointer; float:right; margin-right:40px; margin-top:20px;}
.faqlist{ float:right; width:600px; margin-top:20px;}
.faqlist li{ float:left; width:50%; margin-top:10px; height:40px; overflow:hidden;}
.faqlist li p{ color:#999;}
.faqlist li span{ float:right; margin-right:50px; text-align:right; color:#999;}

.friendLink{ background:#FFF;}
.flink{ width:960px; margin:0 auto;}
.flink dd a{color:#999; line-height:24px; margin:0 5px;white-space: nowrap;}
.flink dd a:hover{ color:#f60;}
.about{width:960px; margin:0 auto; padding-bottom:20px;  color:#999;}


/*侧边浮动*/
#fk,#tp,#kf,#code,#code_hover,#gotop{ width:56px; height:56px; background:url(../images/icon.png) no-repeat; position:fixed; right:10px; cursor:pointer;}
#fk:hover,#tp:hover,#kf:hover,#code:hover,#code_hover:hover,#gotop:hover{ filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
#fk{ background-position:-290px -3px; top:200px;}
#tp{ background-position:-290px -63px; top:257px;}
#kf{ background-position:-290px -124px; top:314px;}
#code{ background-position:-290px -184px; top:371px;}
#code_hover{ background-position:-290px -184px; top:371px;}
#gotop{ background-position:-290px -252px; top:428px;} 
#code_img{ width:270px; height:290px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:70px; top:200px; cursor:pointer; display:none;}


.nav-spec{
  position: relative;
}
.nav .nav-spec{
	border-right:0px;
}
.nav-spec .hoticon{
  position: absolute;
  right: 8px;
  top: -5px;
  display: block;
  text-indent: -9999em;
  height: 12px;
  width: 22px;
  background: url("../images/hot2.gif") no-repeat;
}


/* 首页火车票-飞机票tab切换 */
.indexbanner .searchbox_new { padding:0px!important; }
.searchbox_new .rollshow_new {float: left; width: auto ; height: 36px; overflow: hidden; margin: 10px 0; *padding-bottom:10px; _padding-bottom: 0px; position:relative; left:30px; top:20px; width:80%; }
.searchbox_new .rollshow_new li { width: 46%; padding-left: 2%; float: left; line-height: 36px; color: #999; }
.searchbox_new .rollshow_new .line { float: left; width: 100%; }
.searchbox_new .rollshow_new .fontcolor a { }
.searchbox_new .rollshow_new span { line-height:36px; color:#f90; padding:0px 3px; }

/* 左侧切换样式 */
.leftbox { float: left; width: 100px; padding: 0px; }
.leftbox ul { margin:6px 0px 5px 0px; }
.leftbox ul li { height: 149px; width: 120px; float: left; background: #eee; color: #666; text-align: center; cursor: pointer; }
.leftbox ul li:hover { background: #f60; color: #fff }
.leftbox ul li.current { height: 149px; width: 117px; border-left: 5px solid #f60; background: #fff; color: #f60; }
.leftbox ul li.current:hover label.hcp { background: url(../images/icon_train_o.png) no-repeat center center; width: 30px; height: 30px; } 
.leftbox ul li.current:hover label.fjp { background: url(../images/icon_plane_o.png) no-repeat center center; width: 30px; height: 30px; } 
.leftbox ul li label { float:left; margin:45px 45px 0; cursor:pointer; }
.leftbox ul li label.hcp { background: url(../images/icon_train_o.png) no-repeat center center; width: 30px; height: 30px; }
.leftbox ul li label.fjp { background: url(../images/icon_plane_o.png) no-repeat center center; width: 30px; height: 30px; color:#fff; }
.leftbox ul li label.hcp_g { background: url(../images/icon_train_g.png) no-repeat center center; width: 30px; height: 30px; }
.leftbox ul li label.fjp_g { background: url(../images/icon_plane_g.png) no-repeat center center; width: 30px; height: 30px; }
.leftbox ul li:hover label.hcp_g { background: url(../images/icon_train_w.png) no-repeat center center; width: 30px; height: 30px; }
.leftbox ul li:hover label.fjp_g { background: url(../images/icon_plane_w.png) no-repeat center center; width: 30px; height: 30px; }
.leftbox ul li .fjp_red { font-size:12px; color:#ff3c00; position:relative; top:-5px; } 
.leftbox ul li:hover .fjp_red { color:#fff!important; } 
.leftbox ul li.current:hover .fjp_red { color:#ff3c00!important; }
.leftbox ul li h3 { font-size: 16px; text-align: center; line-height: 40px; font-weight: normal!important; }
/* 重定义原查询条件 */
.rightbox_new { padding-bottom: 55px; padding-top: 25px; border-bottom: 1px solid #eee; position: relative; width: 500px; float: right; left:30px; }
.rightbox_new .huan { width: 20px; height: 60px; background: url(../images/huan.png) no-repeat left; position: absolute; top: 66px; left: 240px; }
.rightbox_new .huan a { width: 20px; height: 20px; display: block; margin-top: 20px; }
.rightbox_new .huan a:hover { background: url(../images/huan_cur.png) no-repeat left; }
.rightbox_new li { float: left; width: 48%; font-size: 14px; margin-top: 25px; }
.rightbox_new li label { width: 37%; text-align: right; float: left; line-height: 34px; color: #666; }
.rightbox_new li input { float: right; width: 58%; padding-left: 2%; height: 32px; line-height: 34px; font-size: 12px; border: 1px solid #bbb; background: #fffffc url(../images/cityoice.jpg) no-repeat 95%; border-radius: 2px; color: #000000;  }
.rightbox_new li input.date { background: #fffffc url(../images/dateoice.jpg) no-repeat 95%; }
.rightbox_new li input.search_btn { width: 60%; padding: 0; background: #f60; color: #FFF; font-size: 18px; text-align: center; border: 0; height: 35px; line-height: 35px; cursor: pointer; }
.rightbox_new li input.search_btn:hover { background: #e60; }
.padding_l { padding-left: 15px!important; }

/*右侧客服/顶部*/
.side_fixed { position: fixed; left: 50%; margin-left: 485px; bottom: 19px; z-index: 9999; width: 40px; height: 120px; _position: absolute; _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-80); z-index:10000;  }
a.un_sidebar_ico1, a.backToTop { width: 40px; height: 78px; display: block; background: url(../images/un_sidebar.png) 0 0 no-repeat; text-indent: -9999px; }
a.backToTop { width: 40px; height: 40px; background-position: 0 -78px; }
a.un_sidebar_ico1:hover { background-position: -45px 0; }
a.backToTop:hover { background-position: -45px -78px; }

/*APP下载广告*/
.wrap_pop_cnt { height: 205px; background: url(../images/wrap_app_bk.png) repeat-x 0 25px; width: 100%; position: fixed; bottom: 0; left: 0; z-index:9999; }
.wrap_pop_box { width: 980px; margin: 0 auto; position: relative; }
.app_wrap_close { position: absolute; width: 30px; height: 30px; background: url(../images/wrap_app_close.png) no-repeat; right: 20px; top: 40px; }

/* 首页特价机票 */
.flight_l { padding-top:10px!important; padding-bottom:0px!important; border-right:none!important; }
.flight_l a { line-height:32px!important; height:32px!important; display:inline; }
.flight_l ul { padding-top:10px!important; border-right: 1px solid #ddd; padding-bottom:10px!important;  }
.flight_l h3{ font-size:16px; height:40px; border-bottom:1px solid #ddd;}
.flight_l h3 a{ line-height:40px; color:#333;}
.flight_l ul li span { float:right; display:block; font-size: 12px; padding-right:30px; position:relative; top:6px;}
.flight_r { padding-top:10px!important; width:620px!important; }
.flight_r h3{ font-size:16px; height:40px; border-bottom:1px solid #ddd; padding-left:20px; width: 100%;}
.flight_r h3 a{ line-height:40px; color:#333;}
.hottrian .flight_list_r { width:630px; float:left; overflow:hidden;}
.hottrian .flight_list_r ul{ width:104%; margin-top:10px;}
.hottrian .flight_list_r ul li{ float:left; width:22%; padding-left:16px; line-height:32px; height:96px;}
.hottrian .flight_list_r ul li.cur { border-right: 1px solid #eee;}
.hottrian .flight_list_r ul li span{ float:left;color:#999;}
.hottrian .flight_list_r ul li span a{ color:#666;}
.hottrian .flight_list_r ul li span a:hover{ color:#f60;}
.hottrian .flight_list_r ul li .spans{ width:50%; color:#f90; font-size:16px; font-weight:600; font-family:"Microsoft YaHei"; position: relative; left: -3px;}
.hottrian .flight_list_r ul li font{ float:right; color:#999; position: relative; top: -63px; left: -23px; }





/*首页增加汽车票切换样式*/
.indexbanner {
    width: 960px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 5px auto 0;
    background: #fff;
    padding-bottom:1px;
}

.indexbanner .searchbox {
    width: 630px;
    height: 300px;
    background: #FFF;
    border-radius: 6px 0 0 6px;
}

/* 左侧切换样式*/

.leftbox {
    float: left;
    width: 120px;
    padding: 0px;
}

.leftbox ul {
    margin: 6px 0px 5px 0px;
}

.leftbox ul li {
    height: 99px;
    width: 120px;
    float: left;
    background: #eee;
    color: #666;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #FFF;
}

.leftbox ul li:hover {
    background: #f60;
    color: #fff;
}

.leftbox ul li.current {
  width: 120px;
  height: 99px;
  border-left: 5px solid #f60;
  background: #fff;
  color: #f60;
}

.leftbox ul li h3 {
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    font-weight: normal!important;
}

.leftbox ul li label {
    margin: 10px 45px 0;
}

.leftbox ul li label {
    float: left;
    margin: 15px 45px 0;
    cursor: pointer;
}

.leftbox ul li label.hcp {
    background: url(../images/icon_train_o.png) no-repeat center center;
    width: 30px;
    height: 30px;
}

.leftbox ul li label.hcp_g {
    background: url(../images/icon_train_g.png) no-repeat center center;
    width: 30px;
    height: 30px;
}

.leftbox ul li:hover label.hcp_g {
  background: url(../images/icon_train_w.png) no-repeat center center;
  width: 30px;
  height: 30px;
}

.leftbox ul li.current:hover label.hcp {
  background: url(../images/icon_train_o.png) no-repeat center center;
  width: 30px;
  height: 30px;
}

.leftbox ul li label.fjp_g {
    background: url(../images/icon_plane_g.png) no-repeat center center;
    width: 30px;
    height: 30px;
}

.leftbox ul li label.fjp {
    background: url(../images/icon_plane_o.png) no-repeat center center;
    width: 30px;
    height: 30px;
    color: #fff;
}

.leftbox ul li:hover label.fjp_g {
  background: url(../images/icon_plane_w.png) no-repeat center center;
  width: 30px;
  height: 30px;
}

.leftbox ul li.current:hover label.fjp {
  background: url(../images/icon_plane_o.png) no-repeat center center;
  width: 30px;
  height: 30px;
}

.leftbox ul li:hover label.qcp_g {
    background: url(../images/icon_bus_w.png) no-repeat center center;
    width: 30px;
    height: 30px;
}
.leftbox ul li label.qcp_g {
    background: url(../images/icon_bus_g.png) no-repeat center center;
    width: 30px;
    height: 30px;
}
.leftbox ul li label.qcp {
    background: url(../images/icon_bus_o.png) no-repeat center center;
    width: 30px;
    height: 30px;
    color: #fff;
}

.leftbox ul li.current:hover label.qcp {
  background: url(../images/icon_bus_o.png) no-repeat center center;
  width: 30px;
  height: 30px;
}

/* 重定义原查询条件*/

.rightbox_new {
    padding-bottom: 61px;
    padding-top: 25px;
    border-bottom: 1px solid #eee;
    position: relative;
    width: 500px;
    float: left;
    left: 10px;
}

.rightbox_new .huan {
  width: 20px;
  height: 60px;
  background: url(../images/huan.png) no-repeat left;
  position: absolute;
  top: 66px;
  left: 240px;
}
.rightbox_new .huan a {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 20px;
}
.rightbox_new .huan a:hover {
  background: url(../images/huan_cur.png) no-repeat left;
}
.rightbox_new li {
  float: left;
  width: 48%;
  font-size: 14px;
  margin-top: 25px;
}
.rightbox_new li label {
  width: 37%;
  text-align: right;
  float: left;
  line-height: 34px;
  color: #666;
}
.rightbox_new li input {
  float: right;
  width: 58%;
  padding-left: 2%;
  height: 32px;
  line-height: 34px;
  font-size: 12px;
  border: 1px solid #bbb;
  background: #fffffc url(../images/cityoice.jpg) no-repeat 95%;
  border-radius: 2px;
  color: #000000;;
}
.rightbox_new li input.date {
  background: #fffffc url(../images/dateoice.jpg) no-repeat 95%;
}
.rightbox_new li input.search_btn {
  width: 60%;
  padding: 0;
  background: #f60;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  border: 0;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
.rightbox_new li input.search_btn:hover {
  background: #e60;
}
.padding_l {
  padding-left: 15px!important;
}
.load_div{
	margin-left:100px;
	width:150px;
	height:30px;
}
.load_em { color: #666; font-size:12px; white-space:nowrap; display:block; position: relative; top: -20px;  left: 30px; }
/* 首页火车票-飞机票tab切换*/
  .indexbanner .searchbox_new {
  padding:0px!important;
}
.searchbox_new .rollshow_new {
  float: left;
  width: auto ;
  height: 36px;
  overflow: hidden;
  margin: 10px 0;
  *padding-bottom:10px;
  _padding-bottom: 0px;
  position:relative;
  left:15px;
  top:20px;
  width:480px;
}
.searchbox_new .rollshow_new li {
  width: 48%;
  padding-left: 2%;
  float: left;
  line-height: 36px;
  color: #999;
}
.searchbox_new .rollshow_new .line {
  float: left;
  width: 100%;
}
.searchbox_new .rollshow_new .fontcolor a {
  }
.searchbox_new .rollshow_new span {
  line-height:36px;
  color:#f90;
  padding:0px 3px;
}

/* 右侧广告 */
.indexbanner .keyimg {
    float: right;
    width: 300px;
    padding: 10px;
    border-radius: 0 6px 6px 0;
    background-color: #fff;
}